<template>
    <view>

    </view>
</template>

<script lang="ts" setup>

import { computed } from 'vue';

interface Props {
    sign: string;
    // 标题
    title?: string;
    // 数据 [{name:xxx,value:xxx}]
    list: any;
    // 是否可选
    selected?: boolean;
    // 是否选中
    isChecked?: boolean;
    shadow?: boolean;
}

// Props 赋予初始值
const props = withDefaults(defineProps<Props>(), {
    sign: '',
    list: [],
    shadow: true,
})


const _class = computed(() => {
    if (props.selected) {
        return checked.value ? 'selected' : 'select'
    }
    return ''
})

const checked = computed(() => {
    return props.isChecked
})

const emits = defineEmits(['click', 'checkedChange'])

function _onClick(e) {
    emits('click', e);

}

const clear = () => {
};

defineExpose({ clear });


</script>

<style lang="scss" scoped></style>
